<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/chat.css">
    <link rel="shortcut icon" href="favicon.ico" >
    <script src="scripts/anime.min.js"></script>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>在线聊天</title>
</head>
<body>
<div id="container">
    <aside>
        <header>
            <h1 class="h1">在线成员</h1>
        </header>
        <ul id="onlineList">
        </ul>
    </aside>
    <main>
        <header>
            <div>
                <h2>聊天室</h2>
            </div>
        </header>
        <ul id="chat">
        </ul>
        <footer>
            <div id="tools">
                <svg id="imagebuttom" t="1621336124459" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1239" width="30" height="30"><path d="M38.4 755.2l317.1-219.5c9.3-6.4 21.7-6 30.6 1.1l221.1 176.9c11 8.8 27.2 7 36-4l71.7-89.7c8.3-10.4 23.1-12.7 34.2-5.3L960 755.2V832c0 28.3-22.9 51.2-51.2 51.2H89.6c-28.3 0-51.2-22.9-51.2-51.2v-76.8z" fill="#4EEAAB" p-id="1240"></path><path d="M742.4 473.6c63.6 0 115.2-51.6 115.2-115.2S806 243.2 742.4 243.2s-115.2 51.6-115.2 115.2 51.6 115.2 115.2 115.2z m0-153.6c21.2 0 38.4 17.2 38.4 38.4s-17.2 38.4-38.4 38.4-38.4-17.2-38.4-38.4 17.2-38.4 38.4-38.4z" fill="#454563" p-id="1241"></path><path d="M972.8 102.4H51.2C22.9 102.4 0 125.3 0 153.6v716.8c0 28.3 22.9 51.2 51.2 51.2h921.6c28.3 0 51.2-22.9 51.2-51.2V153.6c0-28.3-22.9-51.2-51.2-51.2zM947.2 832c0 7.1-5.7 12.8-12.8 12.8H89.6c-7.1 0-12.8-5.7-12.8-12.8v-56.7l292.7-202.7 213.7 170.9c27.6 22.1 67.9 17.5 89.9-10l64.4-80.5 209.6 122.7V832z m0-143.4L770.4 582.7c-27.8-18.6-64.6-12.9-85.5 13.3l-63.8 79.7-211-169c-21.9-17.5-53.3-18.6-76.4-2.7L76.8 681.9V179.2h870.4v509.4z" fill="#454563" p-id="1242"></path></svg>
                <input id="imagefile" type="file" accept="image/x-png,image/gif,image/jpeg,image/bmp" hidden />
            </div>
            <textarea placeholder="输入你的信息" id="messageInput"></textarea>
            <a href="#" id="sendButton">发送</a>
        </footer>
    </main>
</div>
<script src="scripts/websocket.js"></script>
</body>
</html>